<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES modules</title>
</head>
<body>
    <!-- 添加type="module"这个属性就可以以 ES module标准编写 -->
    <script type="module">
        console.log('this is es module')
    </script>

    <!-- 1、ESM自动采用严格模式 -->
    <script type="module">
        console.log(this)
        let foo = 'foo'
        console.log(foo)
    </script>

    <!-- 2、每个ES module 都有独立的私有作用域 -->
    <script type="module">
        console.log(foo) // 报错，访问不到
    </script>

    <!-- 3、ESM通过 cors请求外部资源 -->

    <!-- 4、ESM 的script标签 会延迟执行脚本-->
    <script type="module" src='demo.js'></script>
    <p>dfsdfsff</p>
</body> 
</html>